<template>
	<!-- 提醒事项下的车辆信息模块 -->
	<view class="item">
		<u-icon name="order" color="#1573FF" label="车辆信息" label-color="#333333"
			:customStyle="{'display': 'block', 'line-height': '80rpx','padding-left': '20rpx',}"></u-icon>

		<u-line color="#efefef" :customStyle="{'margin-bottom': '30rpx','display': 'block',}"></u-line>

		<view class="text-line">
			<text class="text-name">车牌号:</text>
			<text class="text-value">{{dataBean.vehicle.carNo|filterNull}}</text>
		</view>

		<view class="text-line">
			<text class="text-name">车架号:</text>
			<text class="text-value">{{dataBean.vehicle.vinNo|filterNull}}</text>
		</view>

		<view class="text-line">
			<text class="text-name">品牌/车系/车型:</text>
			<text class="text-value">{{dataBean.vehicle.brandSeriesModel|filterNull}}</text>
		</view>

		<view class="text-line">
			<text class="text-name">车辆归属:</text>
			<text class="text-value">{{dataBean.vehicle.deptName|filterNull}}</text>
		</view>

		<view class="text-line">
			<text class="text-name">车辆仓库:</text>
			<text class="text-value">{{dataBean.vehicle.depotName|filterNull}}</text>
		</view>

		<u-line color="#efefef" border-style="dashed" :customStyle="{'margin-bottom': '20rpx','display': 'block',}"></u-line>

		<view class="text-line">
			<text class="text-name">车辆状态:</text>
			<text class="text-value">{{dataBean.vehicle.carStatusShow|filterNull}}</text>
		</view>

		<view class="" v-if="dataBean.orderCar">

			<view class="text-line">
				<text class="text-name">租赁类型:</text>
				<text class="text-value">{{dataBean.orderCar.rentTypeShow|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">车辆订单号:</text>
				<text class="text-value">{{dataBean.orderCar.orderCarNo|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">客户名称:</text>
				<text class="text-value">{{dataBean.orderCar.customerName|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">联系电话:</text>
				<text class="text-value">{{dataBean.orderCar.customerTel|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">租赁开始时间:</text>
				<text class="text-value">{{dataBean.orderCar.timeStartRent|filterNull}}</text>
			</view>

			<view class="text-line">
				<text class="text-name">租赁结束时间:</text>
				<text class="text-value">{{dataBean.orderCar.timeFinishRent|filterNull}}</text>
			</view>
		</view>

	</view>

</template>

<script>
	export default {
		name: "remind-carinfo",
		data() {
			return {

			};
		},
		props: {
			dataBean: {
				type: Object,
				default: () => {
					return {
					}
				}
			},
		},
	}
</script>

<style lang="scss">
</style>
